<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //动态创建方法名
        let callbackName = `jQuery_${Date.now()}`;
        //动态给window上添加一个变量，值是一个函数，并接收一个数据对象作为参数
        window[callbackName] = function (data){
            console.log(data);
        }
        //动态创建script
        let script = document.createElement('script');
        //让此动态脚本src等于服务器地址
        script.src = `http://localhost:8080/sugrec.js?cb=${callbackName}`;
        //把此动态创建的脚本对象添加到body上，浏览器如果发现html上多了一个script标签，
        //就会立刻向它的script.src地址发出请求,并且取回来一段JS代码，并且立刻执行
        document.body.appendChild(script);
    </script>
  
</body>
</html>